<template>
  <div>
    <!-- f-侧边栏 -->
    <!-- <div class="f-cebian">
      <a-menu
        style="width: 185px"
        :default-selected-keys="['1']"
        :default-open-keys="['sub1']"
        :mode="mode"
        :theme="theme"
      >
        <a-menu-item key="1" @click="renyuan(0)">消息列表</a-menu-item>
        <a-menu-item key="2" @click="renyuan(1)">报警视图</a-menu-item>
       
      </a-menu>
    </div> -->
    <div class="ren-view">
        <router-view></router-view>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      mode: "inline",
      theme: "light",
    };
  },
  methods: {
    //   框架
    changeMode(checked) {
      this.mode = checked ? "vertical" : "inline";
    },
    changeTheme(checked) {
      this.theme = checked ? "dark" : "light";
    },

    // 路由跳转
    renyuan(index){
         let nameIndex = [
        "消息列表",
        "报警视图",
      ];
      this.$router.push({
        name: nameIndex[index],
      }).catch(err=>err)
    }
  },
};
</script>
<style scoped>

.ren-view{
    /* float: right; */
}
</style>